<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>学生宿舍管理系统</title>
	<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
    <!-- 自定义样式表 -->
    <link rel="stylesheet" type="text/css" href="css/isTeacher.css">
    <!-- jquery文件 -->
    <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
    <!-- 请求文件 -->
    <script type="text/javascript" src="js/require.js"></script>
    <!-- 所有html文件都需加以上声明 -->
    <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
    <div class="Header">
    	<nav class="navbar bg-light .navbar-fixed-top" role="navigation">
            <div class="container-fluid">
            <div class="navbar-header">
                <a class="navbar-brand" href="index.html">学生宿舍管理系统</a>
            </div>
            <div>
               <ul class="nav navbar-nav navbar-right">
                  <li data-toggle="modal" data-target="#register"><a href="#"><span class="glyphicon glyphicon-user"></span> 教师5107902312</a></li>
                  <li data-toggle="modal" data-target="#login"><a href="index.html"><span class="glyphicon glyphicon-off"></span> 
                  注销</a></li>
                </ul>
            </div>
            </div>
        </nav>
    </div>
    <div class="Center">
        <div class="row selfInput">
            <div class="col-md-2 firSingleInput">
                <input type="text" class="form-control" id="stuname" placeholder="姓名">
            </div><!-- /.col-lg-6 -->
            <div class="col-md-2 singleInput">
                    <input type="text" class="form-control" id="stdnum" placeholder="学号">
            </div><!-- /.col-lg-6 -->
            <div class="col-md-2 singleInput">
                    <input type="text" class="form-control" id="departname" placeholder="专业">
            </div><!-- /.col-lg-6 -->
            <div class="singleInput col-md-2">
                <input type="text" class="form-control" id="collegename" placeholder="院系">
            </div><!-- /.col-lg-6 -->
            <div class="col-md-2 lastSingleInput">
                    <input type="text" class="form-control" id="buildname" placeholder="寝室楼">
            </div><!-- /.col-lg-6 -->
            <div class="col-md-1">
                <button type="button" class="btn btn-primary selfBtn" onclick="btnClikToFind()">
                    <span class="glyphicon glyphicon-search" aria-hidden="true"></span>&nbsp;搜索
                </button>
            </div>
            <div class="col-md-1">
                <button type="button" class="btn btn-danger selfBtn" id="btn_del">
                    <span class="glyphicon glyphicon-search" aria-hidden="true"></span>&nbsp;删除
                </button>
            </div>
        </div><!-- /.row -->

        <!-- 学生信息列表 -->
        <table class="table table-bordered">
            <tr class="titColor">
                <td><span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>&nbsp;学生列表&nbsp;</td>
            </tr>
            <tr>
                <td>
                    <table class="table table-hover table-bordered">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>姓名</th>
                                <th>学号</th>
                                <th>性别</th>
                                <th>专业</th>
                                <th>院系</th>
                                <th>寝室楼</th>
                                <th>寝室号</th>
                            </tr>
                        </thead>
                        <tbody id="tableBody">
                        </tbody>
                    </table>
                </td>
            </tr>
        </table>
        <nav aria-label="Page navigation" class="page">
            <ul class="pager">
                <li id="lefBtn" class="disabled">
                    <a href="#" aria-label="Previous" id="laQuo">
                        <span aria-hidden="true">&laquo;</span>
                    </a>
                </li>
                <li>
                    <span class="substance">
                        <span id="nowPage">2</span>&nbsp;&nbsp;/&nbsp;&nbsp;<span id="totalSum">5</span>
                    </span>
                </li>
                <li id="rigBtn" class="active">
                    <a href="#" aria-label="Next" id="raQuo">
                        <span aria-hidden="true">&raquo;</span>
                    </a>
                </li>
            </ul>
        </nav>
        <!-- 修改模态框 -->
        <div class="modal fade" tabindex="2" role="dialog" id="myModal">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title">详细信息</h4>
                    </div>
                    <div class="modal-body">
                        <table class="table table-bordered">
                            <tr class="titColor">
                                <td><span class="glyphicon glyphicon-chevron-right" aria-hidden="true" id="Mtabtitle">&nbsp;XX个人信息&nbsp;</span></td>
                            </tr>
                            <tr>
                                <td>
                                    <form action="" id="form_modify">
                                        <table class="table table-bordered" >
                                            <tr class="infoTab">
                                                <td>姓名：</td>
                                                <td>
                                                    <!-- <span id="Mstuname">XX</span> -->
                                                    <input type="text" id="Mstuname" disabled="true" name="">
                                                </td>
                                                <td>性别：</td>
                                                <td>
                                                    <input type="text" id="Msex" disabled="true" name="">
                                                </td>
                                            </tr>
                                            <tr class="infoTab">
                                                <td>学号：</td>
                                                <td>
                                                    <input type="text" id="Mstunum" disabled="true" name="">
                                                </td>
                                                <td>专业：</td>
                                                <td>
                                                    <input type="text" id="Mdepartname" disabled="true" name="">
                                                </td>
                                            </tr>
                                            <tr class="infoTab">
                                                <td>学院：</td>
                                                <td>
                                                    <input type="text" id="Mcollegename" disabled="true" name="">
                                                </td>
                                                <td>宿舍楼：</td>
                                                <td>
                                                    <input type="text" id="Mbuildname" name="">
                                                </td>
                                            </tr>
                                            <tr class="infoTab">
                                                <td>寝室号：</td>
                                                <td>
                                                    <input type="text" id="Mdormitnum" name="">
                                                </td>
                                                <td>床号：</td>
                                                <td>
                                                    <input type="text" id="Mbednum" name="">
                                                </td>
                                            </tr>
                                        </table>
                                    </form>
                                </td>
                            </tr>
                        </table>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                        <button type="button" class="btn btn-danger" id="btn_modify">修改</button>
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal-dialog -->
        </div><!-- /.modal -->

    </div>
	<script type="text/javascript" src="js/isTeacher.js"></script>
</body>
</html>